<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="task.css">
</head>
<body>
<div id="main">
<div id="noline" class="line"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span></div>
<div id="norow" class="row"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span></div>
<canvas id="chess" width="316px" height="316px">

</canvas>
<div id="square">
	<div id="blue" class="bottom"></div>
</div>
<input type="text" name="" id="getorder">
<button id="orderbtn">GO</button>
</div>
	<script type="text/javascript" src="task.js"></script>
</body>
</html>